<script setup lang="ts">
defineProps<{ list: { name: string }[] }>()
</script>

<template>
  <div class="capsule-label">
    <div v-for="item in list" :key="item.name">{{ item.name }}</div>
    <div>&nbsp;</div>
  </div>
</template>

<style scoped lang="scss">
.capsule-label {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: right;
  font-size: 12px;
  padding-right: 10px;
  div { height: 20px; line-height: 20px; }
}
</style>